<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>成为商户</title>
		<script src="../js/mui.js"></script>
		<link href="../css/mui.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
			if (location.pathname != "/h5/html/login.html" && typeof(sessionStorage.token) == "undefined") {
				mui.openWindow({
					url: 'login.html',

				});
			}
		</script>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/reg.css" />
		<script type="text/javascript" src="../js/common.js"></script>
		<style>
			.type {
				padding-left: 0.2rem;
				background: #F0F0F0;
				height: 0.65rem;
				line-height: 0.65rem;
			}
			
			.upimg {
				width: 100%;
				height: 6rem;
			}
			
			.upimg li {
				width: 3rem;
				height: 2.5rem;
				margin-left: 0.33rem;
				margin-top: 0.2rem;
				float: left;
			}
			
			.upimg li div {
				height: 1.8rem;
				background: url(../images/upimg.png);
				background-size: cover;
				position: relative;
				width: 3.1rem;
			}
			
			.fileInput {
				height: 1.8rem;
				width: 3.1rem;
				overflow: hidden;
				font-size: 300px;
				position: absolute;
				right: 0;
				top: 0;
				opacity: 0;
				filter: alpha(opacity=0);
				cursor: pointer;
			}
			
			.upimg li img {
				width: 3rem;
			}
			
			.upimg li p {
				width: 3rem;
				margin-top: 0.2rem;
				text-align: center;
				color: #646464;
			}
			
			#sub {
				width: 90%;
				margin: 0.5rem auto;
			}
		</style>
	</head>

	<body>

		<div class="mui-content">
			<form class="mui-input-group">
				<div class="mui-input-row">
					<label>商户名称</label>
					<input type="text" class="mui-input-clear" placeholder="请输入商户名称">
				</div>
				<div class="mui-input-row">
					<label>商户类型</label>
					<input type="text" class="mui-input-clear" placeholder="请选择商户类型" readOnly="true" id="type">
					<span class="mui-icon mui-icon-arrowdown" style="position: absolute;right: 0.1rem;top: 20%;"></span>
				</div>
				<div class="mui-input-row">
					<label>商户描述</label>
					<input type="text" class="mui-input-clear" placeholder="请输入商户描述">
				</div>
				<div class="mui-input-row">
					<label>商户地区</label>
					<input type="text" class="mui-input-clear" placeholder="请选择商户地区" readOnly="true" id="area">
					<span class="mui-icon mui-icon-arrowdown" style="position: absolute;right: 0.1rem;top: 20%;"></span>
				</div>
				<div class="mui-input-row">
					<label>详细地址</label>
					<input type="text" class="mui-input-clear" placeholder="请输入详细地址">
				</div>
				<div class="mui-input-row">
					<label>联系人</label>
					<input type="text" class="mui-input-clear" placeholder="请输入商户联系人">
				</div>
				<div class="mui-input-row">
					<label>联系电话</label>
					<input type="text" class="mui-input-clear" placeholder="请输入联系人电话">
				</div>
				<div class="mui-input-row">
					<label>身份证号</label>
					<input type="text" class="mui-input-clear" placeholder="请输入证件号">
				</div>
				<div class="type">上传证件照</div>
				<div class="upimg">
					<ul>
						<li>
							<div>
								<input class="fileInput" type="file" name="" id="" />
							</div>
							<p>身份证正面照</p>
						</li>
						<li>
							<div>
								<input class="fileInput" type="file" name="" id="" />
							</div>
							<p>身份证背面照</p>
						</li>
						<li>
							<div>
								<input class="fileInput" type="file" name="" id="" />
							</div>
							<p>营业执照</p>
						</li>
						<li>
							<div>
								<input class="fileInput" type="file" name="" id="" />
							</div>
							<p>商铺店面照</p>
						</li>
					</ul>
					<div style="float: left;margin-left: 0.2rem;font-size: 0.3rem;">确认即表示同意<a>《百商汇特约商家服务协议》</a></div>
				</div>
			</form>
			<button id='sub' class="mui-btn mui-btn-block mui-btn-danger">提交</button>
		</div>

	</body>

</html>
<script type="text/javascript" src="../js/commercial.js" ></script>